<!-- <header class="am-header am-header-default" style="background-color: #FFD101;">
	 <span class="am-header-title">开团吧</span> 
</header> -->
<div class="am-g" style="padding: 1%;">
	<div class="am-u-sm-12" style="padding: 0%;">
		<div class="thumbnail">
			<img alt="" data-ng-src="{{ baseUrl+group.group.product.thumbId+formatImage }}" style="width: 100%">

			<div class="caption">
				<p>
					团长：<span data-ng-bind="group.captain.name"></span>
				</p>
				
				<p>
					团类型：<span>{{group.group.personAmount+'人团'}}</span>
				</p>
				
				<p>
					已参团人数：<span>{{orders.length}}</span> (人)
				</p>
				
				<p>
					团购价：<span data-ng-bind="group.group.personPrice"></span>
				</p>
				<p>
					截止时间：<span>{{ group.group.deadline | date: 'yyyy-MM-dd hh:mm'}}</span>
				</p>
				<p>
					余货：<span data-ng-bind="group.group.balance"></span>（个）
				</p>
				
				<p>
					<button type="button" data-ng-click="directShop()" class="btn btn-default btn-block btn-primary am-round" href="#modal-container-16" data-toggle="modal">
						<font size="5">我要参团</font>
					</button>
				</p>
			</div>
		</div>
	</div>

	<div class="am-g am-u-sm-12">
		<div class="am-g am-u-sm-12  am-u-sm-centered">
			<label class="am-kai am-text-success am-text-lg">商品详情</label>
		</div>
		<div class="am-u-avg-sm-4 am-u-avg-md-4 am-u-avg-lg-4">
			<p>
				<font size="5"><b>产品：</b> </font><font size="5"><span data-ng-bind="group.group.product.description"></span></font>
			</p>
			<p>
				<font size="5"><b>原价：</b> </font><font size="5">￥ <span data-ng-bind="group.group.product.price"></span></font>
			</p>
			<p>
				<font size="5"><b>规格：</b> </font><font size="5"><span data-ng-bind="group.group.product.specification"></span></font>
			</p>
			<p>
				<font size="5"><b>简介：</b> </font><font size="5"><span data-ng-bind="group.group.product.note"></span></font>
			</p>
			<p></p>

		</div>
	</div>

	<hr>
	<div class="am-u-sm-centered">

		<ul class="am-list am-in am-u-sm-12" id="collapse-nav">
			<!--缩略图在标题左边-->
			<li class="am-g am-list-item-desced am-list-item-thumbed" data-ng-repeat="detail in Details">
				<div class="am-list-thumb am-u-sm-centered">
					<img data-ng-src="{{ baseUrl+detail.image.split('_')[0]  }}" alt="">
				</div>
				<div class="am-u-sm-12 am-list-main">
					<h4 class="am-list-item-text am-u-sm-centered am-text-xl">{{ detail.detail }}</h4>
				</div>
			</li>
		</ul>
	</div>
</div>